.CheckBox {
    /*margin: 0;*/
    position: relative;
    width: 20px;
    height: 20px;
    border: solid green 1px;
    cursor: pointer;
    outline: none;
    /*-webkit-appearance: none;*/
}
.CheckBox:before {
    border: solid #CCC 1px;
    border-radius: 4px;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    content: '';
    /*-webkit-transition: background-color 20ms ease-in-out;*/
    /*transition: background-color 20ms ease-in-out;*/
}
.CheckBox:focus:before {
    border: solid #66afe9 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.CheckBox:after {
    /*-webkit-transition: opacity 0.05s ease-in-out;*/
    transition: opacity 0.05s ease-in-out;  /*延迟显示*/
    /*-webkit-transform: rotate(-45deg);*/
    /*transform: rotate(-75deg);*/
    transform: matrix(0.586,0.8,-0.8,0.866,0,0);
    /*transform: rotateY(-45deg);*/
    position: absolute;
    top: 20%;
    left: 35%;
    width: 6px;
    height: 10px;
    border: 2px solid #469CFF;
    border-top: 0;
    border-left: 0;
    content: '';
    opacity: 0;
}
.CheckBox:checked:after {
    opacity: 1;
}

/*勾*/
.Hook{
    /*margin-top: 2px;*/
    margin-left: -5px;
    transform: matrix(0.5,0.8,-0.8,0.8,0,0);
    width: 8px;
    height: 12px;
    border: 1px solid #000;
    border-top: 0;
    border-left: 0;
    position: relative;
    left:50%;
}
